@charset "UTF-8"; /* ================================================= LOCAL STYLE SHEET Use this to overwrite any of the global styles or add customized elements ================================================= */ /* Diagnostics File */ /*@import url("/TemplatePackage/css/B/diagnostics.css");*/ /* COLOR THEME -- ORANGE */ @import url("../../../TemplatePackage/css/B/theme-orange.css"); /* COLOR THEME -- PURPLE */ /*@import url("/TemplatePackage/css/B/theme-purple.css");*/ /* COLOR THEME -- ROSE */ /*@import url("/TemplatePackage/css/B/theme-rose.css");*/ /* COLOR THEME -- TAN */ /*@import url("/TemplatePackage/css/B/theme-tan.css"); */ /* COLOR THEME -- TEAL */ /*@import url("/TemplatePackage/css/B/theme-teal.css");*/ /* min-height rule for topic blocks container */ #content .module.cdc-accordion li a, #content .module.cdc-accordion li span.cdc-decorated { display: inline; } .ui-accordion .ui-accordion-content { height: auto !important; } .lefty2{ float: left; margin-right: 10px; position: relative; vertical-align: baseline; } .rightWidth { min-width:280px; } .sciClips { margin:20px 0 0 0; } .charts { margin:30px 0 40px 0; width:90%; } .charts p{ margin:10px 0 10px 0; } .charts img{ margin:10px 0 10px 0; } .charts h5{ margin:10px 0 10px 0; } #whatTitle ul { margin:0 0 0 60px; } .whatcanbedone li { margin:.9em 0 .9em 80px; } .whatcanbedonesub li { margin:.9em 0 .9em 20px; } .topLink { text-align:right; } #topicLogo h2 { font-size:2em; color:#321500; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; padding:38px 0 0 50px; } #topicLogo h3 { font-size:1.4em; color:#8A7A62; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; padding:0 0 0 50px; } #topicBanner img { width:100%; max-height:64px; } .introText { font-size: 1.2em: } #topicTitle h2 { font-size:2.0em; color:#321500; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; margin:5px 0 0 0; } #subtopicTitle h3 { font-size:1.4em; color:#8A7A62; font-weight:bold; line-height:1em; font-family:Geneva, Arial, Helvetica, sans-serif; margin:-3px 0 0 0; } #headerDate h3 { font-size:.9em; color:#8A7A62; font-weight:bold; font-family:Geneva, Arial, Helvetica, sans-serif; margin:2px 0 0 0; } .roundersP { position:relative; margin:0; z-index:1; margin-left:12px; /** = default, width of left corner = */ margin-bottom:10px; /** = spacing under rounders = */ } .module.roundersP {margin-bottom:10px;} .roundersP .inner, .roundersP .t, .roundersP .b, .roundersP .b div {background:transparent url('https://www.cdc.gov/VitalSigns/images/module_bg.gif') top right no-repeat;} .roundersP .inner { position:relative; margin:0; padding:12px 12px 0 0; } .roundersP .t { /** = top+left vertical slice = */ position:absolute; left:0; top:0; width:12px; /** = top slice width = */ margin-left:-12px; height:100%; background-position:top left; z-index:-10; } .roundersP .b { /** = bottom = */ position:relative; width:100%; } .roundersP .b, .roundersP .b div { /* background-color:transparent; */ height:12px; /** = height of bottom cap/shade = */ font-size:1px; } .roundersP .b { background-position:bottom right; background-color:transparent; } .roundersP .b div { position:relative; width:12px; /** = bottom corner width = */ margin-left:-12px; background-position:bottom left; } .roundersP h1, .roundersP h4, .roundersP h5, .roundersP ul, .roundersP ol { position:relative; margin:0; /** = margins will blow out backgrounds, leaving whitespace. = */ padding:0; } .roundersP ol {padding:0;} .roundersP ol li { margin-left:2em; border:none; background:transparent; list-style:decimal outside; } .roundersP p { position:relative; margin:0 0 0.25em; padding:0 0 0.5em; } .roundersP p.lastChild, .roundersP p:last-child { margin:0; padding:0; } .roundersP p.somemore { /** = margins will blow out backgrounds, leaving whitespace. = */ margin-bottom:-4px; padding:0.5em 0 0.25em; } .roundersP h3 {padding-bottom:0;} .fact-box{ position: absolute; float: left; background-color: #FDFAD7; color: #2F1D0E; font-size: 1em; line-height: 120%; border: 2px solid #D66328; padding: 0.5em; width: 250px; } .fact-highlight{ font-size: 120%; font-weight: bold; font-style: italic; } .hideFact{ visibility: hidden; } .showFact{ visibility: visible; } .clear{ clear: both; } .map-container{ position: relative; float: left; margin-right: 4em; } #vital-container{ position: relative; } #vital-left{ float: left; margin-bottom: 0; position: relative; } #vital-right{ float: left; background-color: white; } .enlarge { font-size: .9em; color: #999; text-align: center; } .note { font-color:#666; font-size:.9em; } .resize img, .resize p { display:block; height:auto; margin:0 auto; /* height:100%; */ width:100%; padding:0; font-color:#666; font-size:.9em; } /* download module */ #download { /*float:right; */ margin:10px 0 0 0; padding:0; max-width:270px; } #download h4 { color:#039; font-size:14px; border-bottom:solid #999 thin; margin-bottom:10px } #download a { color:#039; font-size:.9em; font-weight:normal; margin: 10px 0 0 0; } .rounders .inner { margin:0; padding:12px 12px 0 0; position:relative; } /*.rounders.grey .inner, .rounders.grey .t, .rounders.grey .b, .rounders.grey .b div { background-image:url("/Vitalsigns/images/bg_greyStroke.gif"); } */ .next { float:right; height:15px; width:250px; margin:0 0 5px 0; text-align:right; display:block; } span.nextPage a { background: url("https://www.cdc.gov/TemplatePackage/images/arrow-blue-rt.png") no-repeat scroll right center transparent; float: none; padding: 0 1em 0 0; } .sectionTitle { background-color: #FCF5E3; border: 0 none; padding: 5px; margin-top:15px; } .subSection { margin:15px 0; } /* end download module */ /*Stytles added by vij7 12/15/11*/ .sidebox{ margin-top:15px; width:250px; height:auto; border:#666 solid 1px; padding:10px; } .greenrow{ width:92%; background-color:#0C0; padding:10px } .yellowrow{ width:92%; background-color:#FF6; padding:10px; } .redrow{ width:92%; background-color:#F00; padding:10px } .vsimages img{ display:block; } .chartR p{ margin-bottom:25px; text-align:right; } .chartL p{ margin-bottom:25px; text-align:left; } .relatedLink{ height:2.2em; } .subList{ margin-left:-55px; } #VSlogo{ max-width:200px; max-height:70px; float:right; margin-bottom:5px; } #VSlogo img{ width:200px; height:43px; } #VSlogo h3{ text-align:right; } #VSbody { float:left; max-width:50%; } #VSintro{ /* clear:right; */ position:relative; margin-left:50%; } .dottedLine{ border-bottom: dotted 1px; margin:20px 0 10px 0; coor:#999999; } .sectionTitle{ border-bottom: dotted 1px; margin:30px 0 20px 0; max-width:626px; background-color:transparent; } .sectionTitle h3{ background-color:transparent; } .sectionTitle p{ text-align:right; } /* mobile test */ .col60l{ width:60%; } #subtopicTitle{ /*color:#8A7A62;*/ } .vsItem{ display:block; min-height:72px; margin-bottom:5px; width:100%; padding-bottom:5px; position:relative; clear:both; } .vsItem span{ line-height:1.33em; margin: 0 0 1em; text-align: left; color:#000 !important; min-width:190px; } .vsItemtext{ height:72px; font-size:2.0em; font-family:Verdana, Geneva, sans-serif; font-weight:bold; padding-top:3px; height:75px; min-width:180px; text-align:right; } .vsTitle{ margin:0 0 20px 0; } .vsNumber{ font-family: Verdana,Geneva,sans-serif; font-size: 2em; font-weight: bold; height: 75px; min-width: 100px; text-align: right; float:left; padding-right:10px; } .factoid { background-color: #F6F6F6; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; border: 1px solid #CDCDCD; margin: 2em; padding: 2em; } }